<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>!nteractive - Bussiness / Corporate Theme</title>
<link href="css/main.css" type="text/css" rel="stylesheet" media="screen"/>
<style type="text/css"media="screen"> body { background: #10304d; background-attachment:fixed; background-position:50% 0;} </style>
</head>
<body>
<div id="main">
   <div id="header">
      <div id="navigation">
          <div id="navigation-left"></div>
          <div id="navigation-middle">
               <ul>
                  <li class="current"><a href="index-2.html">Home</a></li> 
                  <li><a href="about.html">About Us</a></li>
                  <li><a href="portofolio.html">Portofolio</a></li> 
                  <li><a href="contact.html">Contact</a></li> 
                  <li><a href="blog.html">Blog</a></li> 
               </ul>
              <div class="hover">&nbsp;</div>
           </div>
          <div id="navigation-right"></div>
      </div><!-- End of navigation -->
     <div id="logo">&nbsp;</div>
   </div><!-- End of header -->
   <div id="main-content">
   <div id="recent-projects">
     <div class="top"></div>
       <div class="middle">
            
            <ul id="projects">
            <li class="project" id="project-1">
                  <div class="project-image">
                      <img src="img/projects/medium/project-1.jpg" alt=""/>
                  </div>
                  <div class="project-description">
                     <h3> Bussiness Card Design </h3>
                     Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
                    <div class="space"></div>
                    Mauris placerat eleifend leo. Ouisque sit amet est et sapien ullamcorper pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac  turpis egestas.
                    <div class="space"></div><br />
                    <div align="right">
                    Created by <a href="#">John Doe</a><br />
                    Copyright © <a href="#">Rockablepress.com</a>
                    </div>
                  </div>
            </li>
            
            <li class="project" id="project-2">
                  <div class="project-image">
                      <img src="img/projects/medium/project-2.jpg" alt=""/>
                  </div>
           </li>
            
            <li class="project" id="project-3">
                  <div class="project-image">
                      <img src="img/projects/medium/project-3.jpg" alt=""/>
                  </div>
                  <div class="project-description">
                     <h3> How to be a rockable freelancer</h3>
                     Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
                    <div class="space"></div>
                    Mauris placerat eleifend leo. Ouisque sit amet est et sapien ullamcorper pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
                    <div class="space"></div><br />
                    <div align="right">
                    Created by <a href="#">John Doe</a><br />
                    Copyright © Rockablepress.com
                    </div>
                  </div>
            </li>
            <li class="project" id="project-4">
                  <div class="project-image">
                      <img src="img/projects/medium/project-4.jpg" alt=""/>
                  </div>
           </li>
        </ul>
        
        </div><!-- End of middle -->
        <div class="bottom">  
              <div id="arrow"></div>  
              
              <ul id="projects-thumbs">
                 <li id="thumb-project-1" title="Bussiness Card Design">
                    <a href="project.html"><img src="img/projects/thumbs/project-1.jpg" alt="" /></a>
                 </li>
                 <li id="thumb-project-2" title="Bussiness Card Design 2">
                    <a href="project.html"><img src="img/projects/thumbs/project-2.jpg" alt="" /></a>
                 </li>
                 <li id="thumb-project-3" title="How to be a rockable freelancer">
                    <a href="project.html"><img src="img/projects/thumbs/project-3.jpg" alt="" /></a>
                 </li>
                 <li id="thumb-project-4" title="Bussiness Card Design 3">
                   <a href="project.html"><img src="img/projects/thumbs/project-4.jpg" alt="" /></a>
                 </li>
             </ul>
           
          <ul id="controls">
              <li><a href="#" class="p_details"> More Details </a></li>
              <li>
                  <a href="#" class="start" title="Start Slideshow"> Slideshow </a>
                  <a href="#" class="stop" title="Stop Slideshow"> Slideshow </a>
              </li>
          </ul>
          
      </div>
   </div><!-- End of recent projects -->
   <div id="content">
   
   <div id="top-bar"></div>
   <div id="middle-home">
       <ul id="columns">
           <li>
            <h3>About Us</h3>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
            <div class="space"></div>
            <img src="img/about-us.jpg" alt=""/>
           </li>
           <li>
            <h3>Services</h3>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            <div class="space"></div>
            <img src="img/services.jpg" alt=""/>
           </li>
           <li>
            <h3>Latest Post of blog</h3>
            <img src="img/blog.jpg" alt=""/>
            <small style="font-style:inherit;">Posted by <a href="#">admin</a> in <a href="#">Financial</a> -  15 Nov 2009</small>
            <div class="space"></div>
            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
            <div class="space"></div>
            <span style="float:right;"><a href="#">Read More ...</a></span>
          </li>
       </ul>
   </div>
   <div id="bottom-bar-home"></div>
   </div><!-- End of content -->
   <div id="footer">Copyright © !nteractive  2009  |  Valid CSS &amp; HTML</div>
   </div><!-- End of main content -->
</div>
   <div id="sub-footer"> 
       <div style="width:1010px;  margin:auto; text-align:left;">
            Background changer:
            <ul>
<li class="active"> <div style="width:100%; height:70%; background:#10304d;" rel="#10304d"> <a href="#"> </a></div> #10304d </li>
<li> <div style="width:100%; height:70%; background:#447fb0;" rel="#447fb0"> <a href="#"> </a> </div> #447fb0 </li>
<li> <div style="width:100%; height:70%; background:#463136;" rel="#463136"> <a href="#"> </a> </div> #463136 </li>
<li> <div style="width:100%; height:70%; background:#484848;" rel="#484848"> <a href="#"> </a> </div> #484848 </li>
<li> <div style="width:100%; height:70%; background:#1c5c3b;" rel="#1c5c3b"> <a href="#"> </a> </div> #1c5c3b </li>
<li> <div style="width:100%; height:70%; background:#607b4a;" rel="#607b4a"> <a href="#"> </a> </div> #607b4a </li>
<li> <div style="width:100%; height:70%; background:#c7499c;" rel="#c7499c"> <a href="#"> </a> </div> #c7499c </li>
<li> <div style="width:100%; height:70%; background:#740f26;" rel="#740f26"> <a href="#"> </a> </div> #740f26 </li>


<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-1.jpg) no-repeat; "  rel="#030303 url(img/wood-1.jpg) no-repeat"> <a href="#"></a> </div> Wood 1 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-2.jpg) no-repeat;"  rel="#030303 url(img/wood-2.jpg) no-repeat"> <a href="#"></a> </div> Wood 2 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-3.jpg) no-repeat;"  rel="#030303 url(img/wood-3.jpg) no-repeat"> <a href="#"></a> </div> Wood 3 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-4.jpg) no-repeat;"  rel="#030303 url(img/wood-4.jpg) no-repeat"> <a href="#"></a> </div> Wood 4 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-5.jpg) no-repeat;"  rel="#030303 url(img/wood-5.jpg) no-repeat"> <a href="#"></a> </div> Wood 5 </li>
<li> <div style="width:100%; height:70%; background:#030303 url(img/min-wood-6.jpg) no-repeat;"  rel="#030303 url(img/wood-6.jpg) no-repeat"> <a href="#"></a> </div> Wood 6 </li>
            </ul>
       </div>
   </div>
   <script src="js/jquery-1.4.js" type="text/javascript"></script>
   <script src="js/jquery.easing.js" type="text/javascript"></script>
   <script type="text/javascript" src="js/jquery.cookie.js"></script>
   <script src="js/jquery.easing.js" type="text/javascript"></script>
   <script type="text/javascript" src="js/custom.js"></script>
   <!--[if lt IE 7]>
     <script src="js/DD_belatedPNG.js" type="text/javascript"></script>
     <script type="text/javascript">DD_belatedPNG.fix('.h3,#recent-projects h3,.homepage-icon, #top-bar li,.current,.hover,#navigation-middle,#navigation-left,#navigation-right,.top,.middle,.middle-bottom,.bottom,#top-bar,#middle,#middle-home,#bottom-bar,#bottom-bar-home,#logo,.start.,.stop,.p_details,#arrow,.sticker,#arrow');</script>
    <![endif]-->
</body>
<center><A href="http://www.alexa.com/siteinfo/mfgbilisim.com"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=mfgbilisim.com'></SCRIPT></A>
<script type="text/javascript">
var sc_project=5461049; 
var sc_invisible=1; 
var sc_partition=60; 
var sc_click_stat=1; 
var sc_security="7daa6c20"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="istatistik"
href="http://www.statcounter.com/joomla/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5461049/0/7daa6c20/1/"
alt="istatistik" ></a></div></noscript>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10408704-2");
pageTracker._setDomainName(".mfgbilisim.com");
pageTracker._trackPageview();
} catch(err) {}</script>

</html>
